@charset "utf-8";
* { margin: 0; padding: 0 }
body { width: 100%; font-family: "PingFang SC", Helvetica, "Microsoft YaHei", STHeiti, Tahoma; font-size: 16px; line-height: 2; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; box-sizing: border-box; margin: 0; padding: 0; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, a, a:hover { outline: 0; }
body { color: #000; background-color: #fff; }
body a { text-decoration: none; outline: none; cursor: pointer; color: #000; }
body a:hover { color: #3fb150; outline: none; }
body a.focus { outline: none; }
.pc_block { display: block; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt70 { padding-top: 70px; }
.pt80 { padding-top: 80px; }
.pt100 { padding-top: 100px; }
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f15 { font-size: 15px; }
.f16 { font-size: 16px; }
.f17 { font-size: 17px; }
.f18 { font-size: 18px; }
.f19 { font-size: 19px; }
.f20 { font-size: 20px; }
.f21 { font-size: 21px; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }
.f26 { font-size: 26px; }
.f28 { font-size: 28px; }
.f30 { font-size: 30px; }
.f35 { font-size: 35px; }
.f36 { font-size: 36px; }
.f38 { font-size: 38px; }
.f40 { font-size: 40px; }
.f45 { font-size: 45px; }
.f48 { font-size: 48px; }
.f50 { font-size: 50px; }
.f55 { font-size: 55px; }
.f60 { font-size: 60px; }
.f68 { font-size: 68px; }
.f75 { font-size: 75px; }
.f82 { font-size: 82px; }
.f90 { font-size: 90px; }
.f100 { font-size: 100px; }
.f160 { font-size: 160px; }


ul { list-style: none; }
.pr { position: relative }
.pa { position: absolute }
.z2 { z-index: 2 }
.cp { cursor: pointer; _cursor: hand }
.tr { text-align: right }
.tc { text-align: center }
.tl { text-align: left }
.fr { _display: inline; float: right }
.fl { _display: inline; float: left }
.db { display: block }
.dn { display: none }
.clearfix { clear: both; height: 0px; line-height: 0px; font-size: 0px }
.container { width: 100%; }
input, textarea, button { font-family: "PingFang SC", Helvetica, "Microsoft YaHei", STHeiti, Tahoma; }
input:focus { outline: none; }
textarea:focus { outline: none; }
.clear { clear: both; margin: 0 0; padding: 0 0; }
.fl { float: left; width: auto; overflow: hidden; }
.main { width: 1330px; overflow: hidden; margin: 0 auto; }



/*图片放大*/
.imgs { display: block; -m oz-transition: .5s ease-in;
-webkit-transition: .5s ease-in; -o-transition: .5s ease-in; -ms-transition: .5s ease-in; transition: .5s ease-in; transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -o-transform: scale(1.1, 1.1); }
a:hover .imgs { transform: scale(1.0, 1.0); -moz-transform: scale(1.0, 1.0); -webkit-transform: scale(1.0, 1.0); -o-transform: scale(1.0, 1.0); }
/******header**********/
.phom { display: none; }
header { width: 100%; background: #FFF; height: 100px; position: fixed; left: 0; top: 0; -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); z-index: 100; display:block;}
header .head { width: 1330px; margin: 0 auto; height: 100%; }
header .head .logo { width:auto; height:64px; display: block; float: left; margin-top: 18px; }
header .head .logo img { width:auto; height:64px;}
header .head .stmenu1 { width: auto; position: relative; overflow: visible; z-index: 9999; height: 100%; float: right; }
header .head .stmenu1 .xiala { width: auto; height: 100px; line-height: 100px; }
header .head .stmenu1 .xiala i { width: auto; height: 100px; line-height: 100px; display: block;}
header .head .stmenu1 .childa { display: none; width: 100px; position: absolute; top: 100px; right: 0; z-index: 9999; background: #FFF; }
/*search*/
header .sea { float: right; height: 100px; line-height: 100px; margin-right: 2.3%; }
header .sea span { float: left; cursor: pointer; }
header .search { display: none; position: absolute; right: 0; top: 100px; z-index: 99; height: 100vh; width: 100%; background: rgba(54,55,56,0.80); }
header .search .satr { width: 600px; height: 90px; margin: 10% auto 0 auto; position: relative; }
header .search .satr em { position: absolute; right: 10px; top: -30px; z-index: 10; }
header .search .satr em i { border: 1px solid #FFF; padding: 5px; font-weight: normal; cursor: pointer; color: #FFF; }
header .search .satr .sousuo1 { width: 530px; height: 60px; line-height: 60px; border: 0; padding-left: 10px; background: #FFF; float: left; margin-top: 30px; font-size: 20px; }
header .search .sousuo { width: 60px; height: 60px; background: url(../images/ser.png) no-repeat center #3fb150; border: 0; float: left; margin-top: 30px; }
header .lan { width: auto; height: 100px; line-height: 100px; float: right; margin-right: 2.3%; padding-left: 2.3%; border-left: 1px #f2f2f2 solid; }
/*menu*/
header .head .menu { width: 64%; height:100px; float: right; margin-right: 2.3%; }
header .head .menu li { position: relative; float: left; display: inline; width: 14.28%; text-align: center; }
header .head .menu li a.xialaguang { display: inline-block; width: 100%; height: 100px; line-height: 100px; font-weight: bolder; }
header .head .menu li a.navhover, header .head .menu li a.xialaguang:hover { cursor: pointer; color: #3fb150; font-weight: bold; }
header .head .menu ul.children { display: none; position: absolute; top: 100px; left: 0; width: 100%; line-height: normal; z-index: 9999; }
header .head .menu ul.children li { width: 100%; padding: 0px; display: inline-block; margin: 0; }
header .head .menu ul.children li a { overflow: hidden; display: block; padding: 10px;background: #3fb150; color: #FFF;}
header .head .menu ul.children li a:hover { color: #FFF; background: #0e7c1e; }
header.on { height: 60px; display: table-cell; vertical-align: middle; }
header.on .head .logo { height:50px; margin-top: 5px; }
header.on .head .logo img { height:50px;}
header.on .head .stmenu1 .xiala { height: 60px; line-height: 60px; }
header.on .head .stmenu1 .xiala i { height: 60px; line-height: 60px;}
header.on .head .stmenu1 .childa { top:60px; }
header.on .sea { height: 60px; line-height: 60px; }
header.on .lan { height: 60px; line-height: 60px; }
header.on .head .menu { height: 60px;}
header.on .head .menu li a.xialaguang { height: 60px; line-height: 60px; }
header.on .head .menu ul.children { top:60px; }


/********footer********/
.footer { width: 100%; background: #484848; color: #FFF; line-height: normal; overflow: hidden; padding: 45px 0; }
.footer a { color: #FFF; }
.footer .foot1 { width:18%; overflow: hidden; float: left;}
.footer .foot1 dt { background: url(../images/lm.jpg) no-repeat left bottom; padding-bottom: 20px; }
.footer .foot1 dd { line-height: 2; padding-top: 20px; overflow: hidden; color: #999999; }
.footer .foot1 dd a { color: #999999; }
.footer .foot1 dd a:hover { color: #FFF; }




.footer .foot2 { width: auto; overflow: hidden; float: left; }
.footer .foot2 dt { background: url(../images/lm.jpg) no-repeat left bottom; padding-bottom: 20px; }
.footer .foot2 dd { line-height: 2; padding-top: 1vw; overflow: hidden; color: #999999; }
.footer .foot2 dd a { color: #999999; }
.footer .foot2 dd a:hover { color: #FFF; }
.footer .ewm { width: 15%; overflow: hidden; float: right; background: #5b5b5b; padding: 10px; border-top-left-radius: 10px; border-bottom-right-radius: 10px; text-align: center; }
.footer .ewm dt { width: 80%; overflow: hidden; margin:0 auto; }
.footer .ewm dd { width: 100%; overflow: hidden; color: #FFF; padding-top: 20px; }
.footer .ewm .lj_bo{ width: 100%; overflow: hidden; padding-top:10px;}
.footer .ewm .lj_bo a{ width:29.33%; overflow:hidden; float:left; margin:0 2%; display:block;}


.fook, .vbc { display: none; }
.copy { width: 100%; background: #484848; padding: 20px 0; text-align: center; color: #ffffff; border-top: 1px #59595a solid; }
.copy a { color: #ffffff; }


/*悬浮链接*/
.suspension { width: 40px; height: 240px; position: fixed; top: 50%; left: 0; z-index: 1000; }
.suspension-box { position: relative; float: right; }
.suspension .a { display: block; width: 44px; height: 44px; background-color: #3fb150; margin-bottom: 4px; cursor: pointer; outline: none; }
.suspension .a.active, .suspension .a:hover { background: #09821b; }
.suspension .a .i { float: left; width: 44px; height: 44px; background-image: url(../images/side_icon.png); background-repeat: no-repeat; }
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i { width: 20px; height: 20px; margin-top: 12px; margin-left: 12px; background-image: url(../images/suspension-bg.png); background-repeat: no-repeat; background-position: 0 0; }
.suspension .a-service-phone .i { width: 20px; height: 20px; margin-top: 12px; margin-left: 12px; background-image: url(../images/suspension-bg.png); background-repeat: no-repeat; background-position: -27px 0; }
.suspension .a-qrcode .i { background-position: -44px 0; }
.suspension .a-cart .i { background-position: -88px 0; }
.suspension .a-top .i { background-position: -132px 0; }
.suspension .a-top { background: #D2D3D6; display: none; }
.suspension .a-top:hover { background: #c0c1c3; }
.suspension .d { display: none; width: 223px; background: #fff; position: absolute; left: 67px; min-height: 90px; border: 1px solid #E0E1E5; border-radius: 3px; box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11); }
.suspension .d .arrow { position: absolute; width: 8px; height: 12px; background: url(../images/side_bg_arrow.png) no-repeat; right: -8px; top: 31px; }
.suspension .d-service-phone { top: 0; }
.suspension .d-qrcode { top: 34px; }
.suspension .d-service { top: 78px; }
.suspension .d-cart { top: 112px; }
.suspension .d .inner-box { padding: 8px 22px 12px; }
.suspension .d-service-item { border-bottom: 1px solid #eee; padding: 14px 0; }
.suspension .d-service .d-service-item { border-bottom: none; }
.suspension .d-service-item .circle { width: 44px; height: 44px; border-radius: 50%; overflow: hidden; background: #F1F1F3; display: block; float: left; }
.suspension .d-service-item .i-qq { width: 44px; height: 44px; background: url(../images/side_con_icon03.png) no-repeat center 15px; display: block; transition: all .2s; border-radius: 50%; overflow: hidden; }
.suspension .d-service-item:hover .i-qq { background-position: center 3px; }
.suspension .d-service-item .i-tel { width: 44px; height: 44px; background: url(../images/side_con_icon02.png) no-repeat center center; display: block; }
.suspension .d-service-item h3 { float: left; width: 112px; line-height: 44px; font-size: 15px; margin-left: 12px; }
.suspension .d-service-item .text { float: left; width: 112px; line-height: 22px; font-size: 15px; margin-left: 12px; }
.suspension .d-service-item .text .number { font-family: Arial, "Microsoft Yahei", "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; }
.suspension .d-qrcode { text-align: center; }
.suspension .d-qrcode .inner-box { padding: 20px 0; }
.suspension .d-qrcode p { font-size: 16px; color: #93959c; }
.suspension .d-service-item .i-qqc { width: 44px; height: 44px; background: url(../images/side_con_icon04-.png) no-repeat center 15px; display: block; transition: all .2s; border-radius: 50%; overflow: hidden; }
/*nybanner*/
.bannerv { width: 100%; overflow: hidden; height: auto; margin: 0px auto; }
.bannerv img { display: block; width: 100%; }
/***内页***/
.mainny { width: 100%; overflow: hidden; position: relative; margin-top:100px; height: auto; z-index: 0; }
.mainny .cotr { width: 100%; overflow: hidden; position: absolute; left: 0; top: 20%; z-index: 100; }
.left_top { width: 100%; overflow: hidden; line-height: normal; color: #FFF; text-shadow: 3px 0 10px rgba(22, 78, 145, 0.4); }
.left_top dt { width: 100%; overflow: hidden; font-weight: bolder; }
.left_top dt a { color: #FFF; }
.left_top dd { width: 100%; overflow: hidden; text-transform: capitalize; }
.left_bo { width: 100%; overflow: hidden; background: url(../images/case.png) repeat-y; background-size: contain; padding: 1.4vw 0; margin-top: 2vw; }
.left_bo a { width: auto; overflow: hidden; display: block; background: url(../images/pewa.png) no-repeat left center; padding-left: 1.8vw; color: #FFF; margin-right: 1.8vw; float: left; }
.left_bo a:first-child { background: none;}
.left_bo a:hover, .left_bo a.cur { color: #FFF; font-weight: bold; }
.loc { width: 100%; overflow: hidden; padding: 1.2vw 0; line-height: normal; border-bottom: 1px #eeeeee solid; }
.right_top { width: 100%; overflow: hidden; text-align: center; color: #3fb150; font-weight: bold; line-height: normal; }
.right_top a { color: #3fb150; }
.right_bottom { width: 100%; overflow: hidden; padding-top: 2vw; }
.right_bottom img{ width: 100%; vertical-align:top;}
.cateList { display: none; }
.pljk_list { width: 100%; overflow: hidden; text-align: center; display: inline-block; margin: 0 auto; }
.pljk_list a { width: auto; padding: 0 1.2vw; background: #eeeeee; display: inline-block; margin-bottom: 10px; margin-top: 10px; }
.pljk_list a:hover, .pljk_list a.cur { color: #FFF; background: #3fb150; }
.mk { border: 1px #ccc solid; padding: 20px; margin-bottom: 10px; }
/*PageBar*/
.PageBar { clear: both; width: 100%; overflow: hidden; margin: 20px auto 10px auto; font-size: 12px; text-align: center; }
.PageButtons span, .PageButtons a { line-height: 26px; text-decoration: none; border: 1px solid #CCCCCC; padding: 4px 10px; display: inline-block; }
.PageButtons span { color: #ffffff; background-color: #3fb150; border: 1px solid #3fb150; }
.PageButtons a { color: #333333; }
.PageButtons a:hover { background: #2b3e9a; color: #FFF; }
.PageButtons .pagelink { margin: 0 5px; }
.PageInfo { line-height: 24px; padding-top: 10px; }
.PageButtons .disabled { display: none; }
/*****/
.grid { width: 100%; padding: 0; display: flex; flex-wrap: wrap; position: relative; max-width: 100%; }
.grid li { display: block; float: left; width: 33%; opacity: 1; margin-bottom: 30px; }
.grid li.shown, .no-js .grid li, .no-cssanimations .grid li { opacity: 1; }
.grid li .newc { width: 88%; background: #FFF; overflow: hidden; margin: 0 auto; border: 1px #e9e9e9 solid; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s; padding: 10px 3%; }
.grid li .newc .new_img { width: 100%; overflow: hidden; position: relative; height:auto; }
.grid li .newc .new_img img { width: 100%; display: block; }
.grid li .newc .new_img i { width: 20px; height: 11px; display: block; background: url(../images/ioc13.png) no-repeat; position: absolute; left: 10px; bottom: 0; z-index: 100; }
.grid li .newc .new_txt { width: 100%; overflow: hidden; line-height: normal; }
.grid li .newc .new_txt .newm { width: 100%; overflow: hidden; padding: 15px 0; height:50px; display: -webkit-box; display: flex; -webkit-box-pack: center;  justify-content: center;  -webkit-box-align: center; align-items: center;}
.grid li .newc .new_txt p { width: 100%; overflow: hidden; line-height: 1.8; padding: 10px 0; border-top: 1px #dbdbdb solid; opacity:0.8; height:166px; display: -webkit-box; display: flex; -webkit-box-pack: center;  justify-content: center;  -webkit-box-align: center; align-items: center;}

.grid li .newc .newbo { width: 100%; overflow: hidden; border-top: 1px #dbdbdb solid; padding-top: 15px; opacity:0.8;}
.grid li .newc .newbo ol { width: auto; overflow: hidden; float: left; color: #F00; font-family: "Fjalla One", sans-serif; }
.grid li .newc .newbo span { width: auto; overflow: hidden; float: left; margin-left: 5px;}
.grid li .newc .newbo time { width: auto; overflow: hidden; float: right; }
.grid li .newc .newbo time i { width: auto; overflow: hidden; margin-right: 5px; color: #3fb150; display: block; float: left; }
.grid li:hover .newc .new_img img { transition: all ease 1s; transform: scale(1.4); }
.grid li:hover .newc { background: rgba(221,221,221,0.4); border: 1px #3fb150 solid; -webkit-box-shadow: 0 15px 15px rgba(0,0,0,0.1); box-shadow: 0 15px 15px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.grid li:hover .newc .new_txt .newm a { color: #3fb150; }
/* Effect 1: opacity */
.grid.effect-1 li.animate { -webkit-animation: fadeIn 0.65s ease forwards; -moz-animation: fadeIn 0.65s ease forwards; animation: fadeIn 0.65s ease forwards; }
 @-webkit-keyframes fadeIn { to {
opacity: 1;
}
}
 @-moz-keyframes fadeIn { to {
opacity: 1;
}
}
 @keyframes fadeIn { to {
opacity: 1;
}
}
/***新闻详细***/
.news_tit { width: 100%; overflow: hidden; padding-bottom: 20px; border-bottom: 1px #ccc solid; text-align: center; line-height: normal; }
.news_tit h1 { color: #3fb150; }
.news_tit p { color: #999999; margin: 0 0; padding-top: 10px;}
.arKeywords { padding: 15px; overflow: hidden; border-bottom: 1px #f0f0f0 solid; color: #898686; }
.arKeywords span { display: block; color: #3fb150; }
.arContent { width: 98%; line-height: 2; padding-top: 20px; overflow: hidden; margin: 0 auto; }
.FastMove { width: 98%; overflow: hidden; padding: 20px 0 0 0; border-top: 1px #dbdbdb solid; margin: 30px auto 0 auto; }
/*相关文章*/
.but_tit { width: 98%; border-bottom: 1px #eeeeee solid; overflow: hidden; margin: 30px auto 0 auto; }
.but_tit span { width: auto; overflow: hidden; color: #3fb150; display: block; text-align: center; font-weight: bold; }
.xgwz { width: 98%; overflow: hidden; padding-top: 25px; margin: 0 auto; }
.xgwz li { width: 46%; overflow: hidden; border-bottom: 1px #cfcfcf solid; line-height: normal; padding: 20px 0; }
.xgwz li:nth-of-type(odd) { float: left; }
.xgwz li:nth-of-type(even) { float: right; }
.xgwz li .newm { border-left: 6px #3fb150 solid; padding-left: 7px; font-size: 20px; }
.xgwz li .new2 { color: #999999; font-size: 14px; margin-top: 10px; height: 20px; line-height: 20px; }
.xgwz li p { margin-top: 15px; overflow: hidden; color: #999999; font-size: 14px; }
.ExhibitList { width: 100%; overflow: hidden; padding-top: 20px; line-height: normal; }
.ExhibitList dl { width: 25%; overflow: hidden; float: left; margin-bottom: 20px; }
.ExhibitList dl dt { width: 90%; overflow: hidden; margin: 0 auto; border-top-left-radius: 20px; }
.ExhibitList dl dt img { vertical-align: top; border-top-left-radius: 20px; }
.ExhibitList dl dd { width: 90%; overflow: hidden; margin: 0 auto; padding: 10px 0; text-align: center; background: #eeeeee; font-size: 14px; border-bottom-right-radius: 20px; }
.ExhibitList dl:hover dt img { transition: all ease 1s; transform: scale(1.4); }
.ExhibitList dl:hover dd { background: #3fb150; color: #FFF; }
.ExhibitList dl:hover dd a { color: #FFF; }
/*产品介绍*/
.cpjs { width: 100%; overflow: hidden; margin: 0 auto; position: relative; }
.cpjs .cp_img { width: 48%; overflow: hidden; float: left; }
.cpjs .cp_txt { width: 48%; overflow: hidden; float: right; line-height: normal; }
.cpjs .cp_txt .cp_top { width: 100%; overflow: hidden; color: #3fb150; font-weight: bolder; border-bottom: 1px #eeeeee solid; padding-bottom: 1.2vw; }
.cpjs .cp_txt p { line-height: 2; padding-top: 1vw; }
.cpjs .cp_txt .cp_bo { width: 100%; overflow: hidden; margin-top: 1.6vw; }
.cpjs .cp_txt .cp_bo .pdpromo { width: 35%; height: 3.2vw; line-height: 3.2vw; background: url(../images/more.jpg) repeat-y; background-size: contain; border-top-left-radius: 5px; border-bottom-right-radius: 5px; display: block; color: #FFF; float: left; text-transform: uppercase; text-align: center; }
.cpjs .cp_txt .cp_bo dl { width: 26%; overflow: hidden; float: right; color: #3fb150; }
.cpjs .cp_txt .cp_bo dl a { color: #3fb150; }
.cpjs .cp_txt .cp_bo dl dt { width: 34%; overflow: hidden; float: left; }
.cpjs .cp_txt .cp_bo dl dd { width: auto; overflow: hidden; float: right; color: #3fb150; line-height: normal; font-weight:bolder;}
.xzk { width: 12.5%; overflow: hidden; float: left; text-align: center; }
.xzk dt { width: 60%; overflow: hidden; margin: 0 auto; }
.xzk dt img { width: 100%; vertical-align: top; }
.xzk dd { padding-top: 10px; }
/*产品内页tag*/
.tagv { width: 100%; overflow: hidden; margin: 20px auto 0 auto; }
.ztitle { width: 100%; overflow: hidden; background: #f2fff4; text-align: center; padding: 1.2vw 0; }
.ztitle span { display: inline; width: auto; line-height: normal; margin: 0 1vw; }
.ztitle span a { cursor: pointer; }
.ztitle span.tithov { color: #3fb150; font-weight: bold; }
.zntit_con1 { width: 98%; padding-top: 30px; overflow: hidden; margin: 0 auto; }
.zntit_con1 h2 { text-align: center; border-bottom: 1px #efefef solid; line-height: normal; padding-bottom: 18px; color: #43b84f; margin-bottom: 20px; }
.zntit_con1 img{ width:auto; display:block; margin:0 auto;}
.zntit_con1 table { border-collapse : collapse; }
.zntit_con1 table tr td { border: 1px #ccc solid; padding: 3px; }
/*feedback*/
.fla { width: 46%; overflow: hidden; float: left; }
.ke-zeroborder1, .ke-zeroborder2, .ke-zeroborder3 { float: left; width: 33.33%; }
.arList { width: 100%; overflow: hidden; }
.arList img { vertical-align: top; }
.arList li { width: 100%; overflow: hidden; padding: 10px 0; border-bottom: 1px #eee solid; line-height: normal; }
.arList li .newsl { width: 40%; overflow: hidden; float: left; border: 1px #CCC solid; }
.arList li .newsr { width: 56%; overflow: hidden; float: right; }
.arList li .newsr .newm { width: 100%; overflow: hidden; font-weight: bold; }
.arList li .newsr p { width: 100%; overflow: hidden; line-height: 1.8; padding-top: 10px; color: #8e8e8e; }
.arList li .newsr .caimg { width: 100%; overflow: hidden; padding-top: 10px; }
.arList li .newsr .caimg dl { width: 25%; overflow: hidden; float: left; text-align: center; }
.arList li .newsr .caimg dl div { width: 86%; overflow: hidden; border: 1px #ccc solid; margin: 0 auto; padding: 5px; }
.mainr { width: 82%; overflow: hidden; margin: 0 auto; }
/*新闻列表*/
.arListr { width: 100%; border-top: 1px solid #f0f0f0; overflow: hidden; }
.arListr li { width: 100%; overflow: hidden; padding: 20px 0; border-bottom: 1px solid #f0f0f0; line-height: normal; }
.arListr li .nemg { width: calc(100% - 30px); overflow: hidden; background: #FFF; padding: 15px; }
.arListr li .newm { border-left: 6px #3fb150 solid; padding-left: 7px; font-weight: bolder; }
.arListr li .new2 { color: #999999; margin-top: 10px; background: url(../images/time.png) no-repeat left center; padding-left: 26px; height: 20px; line-height: 20px; }
.arListr li p { margin-top: 15px; }
.arListr li .nemg .newsl { width: 23%; overflow: hidden; float: left; }
.arListr li .nemg .newsr { width: 73%; overflow: hidden; float: right; }
.arListr li:hover .nemg { background: #f6f6f6; }
.arListr li:hover .nemg .newsl img { transform: scale(1.5, 1.5); -moz-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); -o-transform: scale(1.1, 1.1); }

/*内页case*/
.caset { width: 100%; overflow: hidden; margin-top: 30px; background: url(../images/case.png) repeat-y; background-size: contain; position: relative; z-index: 1; }
.casek .case_b { width: 54%; overflow: hidden; float: right; }
.casek .case_b img { display: block; width: 100%; vertical-align: top; }

.casek .case_a { width: 52.3%; overflow: hidden; background: #FFF; position: absolute; z-index: 10; top: 10%; left: 2.5%; padding: 2.4vw 4%; }
.casek .case_a .cati { background:url(../images/l1.jpg) no-repeat left bottom; padding-bottom:1vw; line-height:normal; }
.casek .case_a .casn { width: 100%; margin-top: 1.2vw; line-height:2; opacity:0.8;}
.casek .case_a i a { width: 172px; height: 46px; display: block; background: #f2f2f2; line-height: 46px; text-align: center; -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); color: #2b3e9a; text-transform: uppercase; margin-top: 30px; font-style: normal; }

.casel .case_b { float: left; }
.casel .casw { float: right; margin-right: 5.4%; }
.casel .case_a { right: 2.5%; left: auto; }
.caset:hover .case_a .cati a { color: #3fb150; }
.caset:hover i a { background: #3fb150; color: #FFF; }
/*Gallery*/
.gallery li { width: 29.33%; float: left; margin: 0 2% 10px 2%; list-style: none; }
.gallery li img { width: 100%; }
.gallery li p { text-align: center; height: 40px; background: #f0f0f0; overflow: hidden; line-height: 40px; }
.gallery li p a { width: 100%; height: 40px; line-height: 40px; display: block; }
.gallery li:hover p { background: #2b3e9a; color: #FFF; }
.gallery li:hover p a { color: #FFF; }
#baguetteBox-overlay .full-image figcaption { top: 30px; height: 30px; line-height: 30px; }
/*在线留言*/
#HBox { width: 50%; height: 420px; margin: 0 auto; box-shadow: 1px 1px 5px #333; -webkit-box-shadow: 1px 1px 5px #333; display: none; background-color: #ffffff; position: fixed; top: 50%; left: 35%; margin: -120px 0 0 -150px; z-index: 100000; }
.subform { width: 90%; overflow: hidden; margin: 20px auto 0 auto; font-size: 14px; }
.subform .form-group { width: 100%; overflow: hidden; margin-bottom: 8px; }
.subform .form-group .control-label { width: 20%; height: 30px; line-height: 30px; float: left; }
.subform .form-group .control-div { width: 78%; overflow: hidden; float: left; }
.subform .form-group .control-div .form-control { width: calc(100% - 22px); height: 30px; line-height: 30px; border: 1px #dadada solid; padding: 0 10px; }
.subform .form-group .control-div .form-controlv { width: calc(100% - 22px); height: 150px; border: 1px #dadada solid; padding: 10px; }
.subform .form-group .control-div .small { width: 50%; height: 30px; line-height: 30px; border: 1px #dadada solid; padding: 0 10px; float: left; }
.subform .form-group .control-div .img { display: block; float: left; margin-left: 5px; }
.subform .form-group .control-div .btn-info { width: 100%; height: 32px; line-height: 32px; text-align: center; background: #3fb150; color: #FFF; border: 0; float: left; margin-left: 10px; }
#HBoc { width: 48%; overflow: hidden; float: right; }
#HBoc .subform .form-group .control-label { height: 40px; line-height: 40px; }
#HBoc .subform .form-group .control-div .form-control { height: 40px; line-height: 40px; }
#HBoc .subform .form-group .control-div .btn-info { height: 40px; line-height: 40px; }

/*解决方案*/
.soit { width: 100%; overflow: hidden; }
.soit dl { width: 50%; overflow: hidden; margin-bottom: 20px; float: left; }
.soit dl .soy { width: 95%; overflow: hidden; display: block; margin: 0 auto; }
.soit dl .soy a { width: 100%; overflow: hidden; display: block; position: relative; }
.soit dl .soy a dt { width: 100%; overflow: hidden; }
.soit dl .soy a dt img { width: 100%; vertical-align: top; }
.soit dl .soy a dd { width: 90%; overflow: hidden; position: absolute; right: 5%; bottom: 10px; height:auto; z-index: 10; -m oz-transition: .7s ease-in;
-webkit-transition: .7s ease-in; -o-transition: .7s ease-in; -ms-transition: .7s ease-in; transition: .7s ease-in; transition: all .7s; }
.soit dl .soy a dd span { display: block; color: #FFF; }
.soit dl .soy a dd p { overflow: hidden; color: rgba(255, 255, 255, .8); line-height:1.8; }
.soit dl .soy a i { width: 100%; background: url(../images/case.png) repeat-y; background-size: contain; position: absolute; left: 0; bottom: 0; height: 12vh; display: block; z-index: 6; -m oz-transition: .5s ease-in;
-webkit-transition: .5s ease-in; -o-transition: .5s ease-in; -ms-transition: .5s ease-in; transition: .5s ease-in; transition: all .5s; padding: 10px 0; }
.soit dl .soy:hover dd { right: -100%; }
.soit dl .soy:hover a i { left: -100%; }
@media screen and (max-width: 1700px) and (min-width:0) {
body { font-size: 15px; }
.pt10 { padding-top: 8px; }
.pt15 { padding-top: 12px; }
.pt20 { padding-top: 16px; }
.pt30 { padding-top: 26px; }
.pt40 { padding-top: 35px; }
.pt50 { padding-top: 40px; }
.pt60 { padding-top: 50px; }
.pt70 { padding-top: 60px; }
.pt80 { padding-top: 70px; }
.pt100 { padding-top: 80px; }
.f14 { font-size: 13px; }
.f15 { font-size: 14px; }
.f16 { font-size: 15px; }
.f17 { font-size: 16px; }
.f18 { font-size: 16px; }
.f19 { font-size: 18px; }
.f20 { font-size: 18px; }
.f21 { font-size: 18px; }
.f22 { font-size: 19px; }
.f24 { font-size: 19px; }
.f26 { font-size: 20px; }
.f28 { font-size: 22px; }
.f30 { font-size: 24px; }
.f35 { font-size: 28px; }
.f36 { font-size: 30px; }
.f38 { font-size: 32px; }
.f40 { font-size: 36px; }
.f45 { font-size: 38px; }
.f48 { font-size: 40px; }
.f50 { font-size: 43px; }
.f55 { font-size: 45px; }
.f60 { font-size: 50px; }
.f68 { font-size: 60px; }
.f75 { font-size: 70px; }
.f82 { font-size: 75px; }
.f90 { font-size: 80px; }
.f100 { font-size: 90px; }
.f160 { font-size: 100px; }


.grid li .newc .new_txt .newm { padding: 10px 0; height:48px;}
.grid li .newc .new_txt p { padding: 10px 0; height:140px;}

}
@media screen and (max-width: 1400px) and (min-width:0) {
body { font-size: 14px; }
.pt10 { padding-top: 6px; }
.pt15 { padding-top: 10px; }
.pt20 { padding-top: 12px; }
.pt30 { padding-top: 20px; }
.pt40 { padding-top: 30px; }
.pt50 { padding-top: 35px; }
.pt60 { padding-top: 40px; }
.pt70 { padding-top: 50px; }
.pt80 { padding-top: 55px; }
.pt100 { padding-top: 65px; }
.f14 { font-size: 12px; }
.f15 { font-size: 13px; }
.f16 { font-size: 14px; }
.f17 { font-size: 15px; }
.f18 { font-size: 15px; }
.f19 { font-size: 16px; }
.f20 { font-size: 16px; }
.f21 { font-size: 17px; }
.f22 { font-size: 18px; }
.f24 { font-size: 18px; }
.f26 { font-size: 19px; }
.f28 { font-size: 19px; }
.f30 { font-size: 20px; }
.f35 { font-size: 22px; }
.f36 { font-size: 24px; }
.f38 { font-size: 28px; }
.f40 { font-size: 30px; }
.f45 { font-size: 32px; }
.f48 { font-size: 36px; }
.f50 { font-size: 38px; }
.f55 { font-size: 40px; }
.f60 { font-size: 45px; }
.f68 { font-size: 50px; }
.f75 { font-size: 60px; }
.f82 { font-size: 65px; }
.f90 { font-size: 70px; }
.f100 { font-size: 80px; }
.f160 { font-size: 100px; }

.grid li .newc .new_txt .newm { padding: 8px 0; height:46px;}
.grid li .newc .new_txt p { padding: 8px 0; height:px;}


}
@media screen and (max-width: 1360px) and (min-width:0) {
body { font-size: 13px; }
.pt10 { padding-top: 5px; }
.pt15 { padding-top: 8px; }
.pt20 { padding-top: 10px; }
.pt30 { padding-top: 15px; }
.pt40 { padding-top: 20px; }
.pt50 { padding-top: 25px; }
.pt60 { padding-top: 30px; }
.pt70 { padding-top: 40px; }
.pt80 { padding-top: 45px; }
.pt100 { padding-top: 55px; }
.f14 { font-size: 12px; }
.f15 { font-size: 12px; }
.f16 { font-size: 13px; }
.f17 { font-size: 14px; }
.f18 { font-size: 14px; }
.f19 { font-size: 15px; }
.f20 { font-size: 15px; }
.f21 { font-size: 16px; }
.f22 { font-size: 16px; }
.f24 { font-size: 16px; }
.f26 { font-size: 17px; }
.f28 { font-size: 17px; }
.f30 { font-size: 18px; }
.f35 { font-size: 18px; }
.f36 { font-size: 20px; }
.f38 { font-size: 22px; }
.f40 { font-size: 24px; }
.f45 { font-size: 26px; }
.f48 { font-size: 28px; }
.f50 { font-size: 30px; }
.f55 { font-size: 32px; }
.f60 { font-size: 34px; }
.f68 { font-size: 40px; }
.f75 { font-size: 50px; }
.f82 { font-size: 55px; }
.f90 { font-size: 60px; }
.f100 { font-size: 70px; }
.f160 { font-size: 90px; }

.main { width: 1200px; }
header .head { width: 1200px;}
}
@media screen and (max-width: 1250px) and (min-width:0) {
body { font-size: 12px; }
.pt10 { padding-top: 3px; }
.pt15 { padding-top: 5px; }
.pt20 { padding-top: 8px; }
.pt30 { padding-top: 10px; }
.pt40 { padding-top: 15px; }
.pt50 { padding-top: 20px; }
.pt60 { padding-top: 25px; }
.pt70 { padding-top: 35px; }
.pt80 { padding-top: 40px; }
.pt100 { padding-top: 50px; }
.f14 { font-size: 12px; }
.f15 { font-size: 12px; }
.f16 { font-size: 12px; }
.f17 { font-size: 13px; }
.f18 { font-size: 13px; }
.f19 { font-size: 14px; }
.f20 { font-size: 14px; }
.f21 { font-size: 15px; }
.f22 { font-size: 15px; }
.f24 { font-size: 15px; }
.f26 { font-size: 16px; }
.f28 { font-size: 16px; }
.f30 { font-size: 17px; }
.f35 { font-size: 17px; }
.f36 { font-size: 18px; }
.f38 { font-size: 20px; }
.f40 { font-size: 22px; }
.f45 { font-size: 24px; }
.f48 { font-size: 26px; }
.f50 { font-size: 28px; }
.f55 { font-size: 30px; }
.f60 { font-size: 32px; }
.f68 { font-size: 34px; }
.f75 { font-size: 40px; }
.f82 { font-size: 45px; }
.f90 { font-size: 50px; }
.f100 { font-size: 60px; }
.f160 { font-size: 70px; }
.main { width: 1100px; }
header .head { width: 1100px;}

}
@media screen and (max-width: 1150px) and (min-width:0) {
.main { width: 1000px; }
header .head { width: 1000px;}
}